<?php
require_once('./php_lib/conexion.php');
require_once('./php_lib/funciones.php');

$editFormAction = "./ajax_producto.php?funcion=2";

if(!$resultado = mysql_query("SELECT * FROM Producto NATURAL LEFT JOIN Modelo NATURAL LEFT JOIN Marca NATURAL LEFT JOIN Perfil_Cliente NATURAL LEFT JOIN Genero WHERE prod_id = ".$_GET['prod_id'].";", $db_zapatos)){
	echo 'Error -- al buscar el producto en la base.';
	die;
} elseif( !$producto = mysql_fetch_array($resultado)) {
	echo 'Error -- el producto no se encuentra en la base.';
	die;
}

$resultado = mysql_query("SELECT ima_id FROM Imagen WHERE prod_id=".$producto['prod_id']);
$row = mysql_fetch_array($resultado);
$producto['ima_id'] = $row['ima_id'];

$lista_colores = obtener_colores($db_zapatos);
$lista_tallas = obtener_tallas($db_zapatos);
$lista_marcas = obtener_marcas($db_zapatos);
$lista_modelos = obtener_modelos($db_zapatos, $lista_marcas);
$lista_tipos = obtener_tipos($db_zapatos);
$lista_generos = obtener_generos($db_zapatos);
$lista_perfiles_cliente = obtener_perfiles_cliente($db_zapatos, $lista_generos);

?>
<div id="h_con" class="myform">
<form id="form1" name="form1" method="post" action="<?php echo $editFormAction; ?>">
<fieldset><legend>Editar producto</legend>
	<div class="notes" id="notes">
		<h4>Nota:</h4>
		<p>Ingrese los datos y presione "Guardar".</p>
	</div>

	<div>
		<img id="img_out" src="./imagenes/producto_imagen.php?ima_id=<?=$producto['ima_id']?>" />
		<div class="estandar" id="carga_archivo1"></div>
	</div>

	<div><label for="prod_valor">Valor</label>
		<input type="text" name="prod_valor" id="prod_valor" value="<?=$producto['prod_valor']?>" />
	</div>

	<div class="estandar"><label for="col_id">Color</label>
		<select id="col_id" name="col_id">
			<option value="0">Selectione un color</option>
			<? foreach( $lista_colores as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
			<option value="-1" href="agregar_color.php" rel="#overlay">Agregar un color</option>
		</select></div>

	<div class="estandar"><label for="talla_id">Talla</label>
		<select id="talla_id" name="talla_id">
			<option value="0">Seleccione una talla</option>
			<? foreach( $lista_tallas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar"><label for="mar_id">Marca</label>
		<select id="mar_id" name="mar_id">
			<option value="0">Seleccione una marca</option>
			<? foreach( $lista_marcas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar"><label for="mod_id">Modelo</label>
		<select name="mod_id" id="mod_id" disabled="disabled">
			<option value="0">Seleccione una marca</option>  
		</select></div>

	<div class="estandar"><label for="tip_id">Tipo</label>
		<select id="tip_id" name="tip_id">
			<option value="0">Seleccione un tipo</option>
			<? foreach( $lista_tipos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar"><label for="gen_id">Genero</label>
		<select id="gen_id" name="gen_id">
			<option value="0">Seleccione genero</option>
			<? foreach( $lista_generos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar"><label for="perfc_id">Perfil cliente</label>
		<select name="perfc_id" id="perfc_id" disabled="disabled">
			<option value="0">Seleccione un género</option>  
		</select></div>
	<div>
		<input type="button" name="enviar" id="bt_enviar" value="Guardar" />
		<input type="hidden" name="prod_id" id="prod_id" value="<?=$producto['prod_id']?>" />

		<input type="hidden" name="url_img" id="url_img" value="" />
		<input type="hidden" name="ima_des" id="ima_des" value=""/>
		<input type="hidden" name="cambiar_img" id="cambiar_img" value="0"/>
	</div>
</fieldset>
</form>


<!-- overlayed element -->
<div class="apple_overlay" id="overlay">
	<div class="contentWrap"></div>
</div>

</div>

<div id="h_not" style="display:none;">
	<div class="notificacion">Producto guardado corréctamente.</div>
	<a href="#" onclick="$('#mainDiv').load('./listar_producto.php');">Continuar</a>
</div>

<script language="javascript">
<!--

var lista_modelos = <? echo json_encode( $lista_modelos);?>;
var lista_perfiles_cliente = <? echo json_encode( $lista_perfiles_cliente);?>;
// Interceptamos el click del boton enviar
$('#bt_enviar').click(function() {
	// Enviamos el formulario usando AJAX
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: $('#form1').attr('action'),
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0){
			$('#h_con').hide();
			$('#h_not').show("fast");
		} else {
			v1 = "<h4 class=error>Error en los datos</h4>";
			for( error_key in data.lista_errores){
				v1 += "<p class=error>" + data.lista_errores[error_key] + "</p>";
			}
			$('#notes').html(v1);
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	});        
}); 

function actualizar_modelo() {
	key = document.getElementById('mar_id').value;
	modelo = document.getElementById('mod_id');
	modelo.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_modelos[key]){
			modelo.length++;
			modelo.options[i].value = s_key;
			modelo.options[i].text =  lista_modelos[key][s_key];
			i++;
		}
		modelo.disabled = false;
		modelo.options[0].text = "Seleccione un modelo";
	} else {
		modelo.disabled = true;
		modelo.options[0].text = "Selectione una marca";
	}
}

function actualizar_perfil_cliente() {
	key = document.getElementById('gen_id').value;
	perfc = document.getElementById('perfc_id');
	perfc.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_perfiles_cliente[key]){
			perfc.length++;
			perfc.options[i].value = s_key;
			perfc.options[i].text =  lista_perfiles_cliente[key][s_key];
			i++;
		}
		perfc.disabled = false;
		perfc.options[0].text = "Seleccione un perfil";
	} else {
		perfc.disabled = true;
		perfc.options[0].text = "Selectione un género";
	}
}

$('#mar_id').change( actualizar_modelo);
$('#gen_id').change( actualizar_perfil_cliente);

var producto = <? echo json_encode($producto); ?>;

s1 = document.getElementById('col_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.col_id) {
		s1.options[i].selected = true;
	}   
}

s1 = document.getElementById('talla_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.talla_id) {
		s1.options[i].selected = true;
	}   
}

s1 = document.getElementById('mar_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.mar_id) {
		s1.options[i].selected = true;
	}   
}

s1 = document.getElementById('tip_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.tip_id) {
		s1.options[i].selected = true;
	}   
}

s1 = document.getElementById('gen_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.gen_id) {
		s1.options[i].selected = true;
	}   
}

actualizar_modelo();
actualizar_perfil_cliente();

s1 = document.getElementById('mod_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.mod_id) {
		s1.options[i].selected = true;
	}   
}

s1 = document.getElementById('perfc_id');
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == producto.perfc_id) {
		s1.options[i].selected = true;
	}   
}

// subir imagen
var uploader = new qq.FileUploader({
	element: document.getElementById('carga_archivo1'),
	action: 'subir_imagen.php',
	allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'], 
	//onSubmit: function(id, fileName){},
	//onProgress: function(id, fileName, loaded, total){},
	onComplete: function(id, fileName, responseJSON){
		if( responseJSON.success) {
			document.getElementById('img_out').src = responseJSON.url_img + "?v=" + (new Date()).getTime();
			document.getElementById('url_img').value = responseJSON.url_img;
			document.getElementById('ima_des').value = responseJSON.filename;
			document.getElementById('cambiar_img').value = 1;
		}
	},
	//onCancel: function(id, fileName){},
	debug: false	// RECUERDA cambiar aca a false o comentar
});



$('#col_id').change( function(){
	//console.log(this.value);
	if(this.value == "-1") {
		a =$("option[rel]").overlay({
			mask: 'darkred',
			onBeforeLoad: function() {
				var wrap = this.getOverlay().find(".contentWrap");
				wrap.load(this.getTrigger().attr("href"));
			}
		}).load();
	}
});

-->
</script>